<%-- 
    Document   : MantenimientoUbicaciones
    Created on : Apr 18, 2013, 3:20:22 PM
    Author     : programadores
--%>
<%@page import="com.acap.googlemaps.encapsulados.Coordenadas"%>
<%@page import="com.acap.googlemaps.encapsulados.Tipocoordenada"%>
<%@page import="com.acap.googlemaps.manejadores.ManejadorCoordenadas"%>
<%@page import="com.acap.googlemaps.manejadores.ManejadorTipoCoordenada"%>
<%@page import="java.sql.Connection"%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>

<%
    String coordenadaSeleccionada = request.getParameter("coordenada");
    String idcoordenadaString = request.getParameter("idcoordenada");
    String tituloString = request.getParameter("titulo");
    String coordenada1Latitud = request.getParameter("latitud");
    String coordenada2Longitud = request.getParameter("longitud");
    String descripcionString = request.getParameter("descripcion");
    String tipoString = request.getParameter("tipo");
    String action = request.getParameter("guardar");
    String activoString = request.getParameter("activo");


    Boolean existe = false;
    Coordenadas coordenadaSeleccionadaObjeto = null;

    if (coordenadaSeleccionada != null) {
        existe = true;
        try {
            coordenadaSeleccionadaObjeto = ManejadorCoordenadas.getInstance().getCoordenadas(Long.parseLong(coordenadaSeleccionada));
        } catch (NumberFormatException ex) {
            response.sendError(500, "Error al parsear la data.");
        }
    }

    if (idcoordenadaString != null && tituloString != null && coordenada1Latitud != null
            && coordenada2Longitud != null && descripcionString != null && tipoString != null && action != null) {
        if (action.equalsIgnoreCase("guardar")) {

            Boolean activo = false;

            if (activoString != null) {
                activo = true;
            }

            Coordenadas coordenadaAInsertar = ManejadorCoordenadas.getInstance().getCoordenadas(Long.parseLong(idcoordenadaString));
            //Si coordenadaAInsertar NO es null es porque existe en la base de datos.
            if (coordenadaAInsertar != null) {

                coordenadaAInsertar.setIdcoordenadas(Integer.parseInt(idcoordenadaString));
                coordenadaAInsertar.setTitulo(tituloString);
                coordenadaAInsertar.setDescripcion(descripcionString);
                coordenadaAInsertar.setCoordenada1(Double.parseDouble(coordenada1Latitud));
                coordenadaAInsertar.setCoordenada2(Double.parseDouble(coordenada2Longitud));
                coordenadaAInsertar.setActivo(activo);
                coordenadaAInsertar.setTipo(ManejadorTipoCoordenada.getInstance().getTipocoordenada(Long.parseLong(tipoString)));

                ManejadorCoordenadas.getInstance().actualizarCoordenadas(coordenadaAInsertar);

            } else {

                coordenadaAInsertar = new Coordenadas(Integer.parseInt(idcoordenadaString));

                coordenadaAInsertar.setTitulo(tituloString);
                coordenadaAInsertar.setDescripcion(descripcionString);
                coordenadaAInsertar.setCoordenada1(Double.parseDouble(coordenada1Latitud));
                coordenadaAInsertar.setCoordenada2(Double.parseDouble(coordenada2Longitud));
                coordenadaAInsertar.setTipo(ManejadorTipoCoordenada.getInstance().getTipocoordenada(Long.parseLong(tipoString)));
                coordenadaAInsertar.setActivo(activo);

                ManejadorCoordenadas.getInstance().insertarCoordenadas(coordenadaAInsertar);

            }

        }
    }


%>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
        <link rel="shortcut icon" href="/SAT6/Recursos/Imagenes/icono.ico" />

        <link rel="stylesheet" href="CSS/reset.css" type="text/css" media="all"/>
        <link rel="stylesheet" href="CSS/grid.css" type="text/css" media="all"/>
        <link rel="stylesheet" href="CSS/style.css" type="text/css" media="all"/>
        <link  href="CSS/global.css" rel="stylesheet" type="text/css" />
        <link  href="CSS/admin.css" rel="stylesheet" type="text/css" />
        <link  href="CSS/jquery-ui-1.8.16.custom.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" href="CSS/jquery.jdMenu.css" type="text/css" />



        <script type="text/javascript" src="JavaScripts/jquery-1.7.1.min.js"></script>
        <script type="text/javascript" src="JavaScripts/jquery-ui-1.8.16.custom.min.js"></script>
        <script type="text/javascript" src="JavaScripts/jquery.validate.js"></script>
        <script type="text/javascript" src="JavaScripts/jquery.jdMenu.js"></script>
        <script type="text/javascript" src="JavaScripts/jquery.dimensions.js"></script>
        <script type="text/javascript" src="JavaScripts/jquery.positionBy.js"></script>
        <script type="text/javascript" src="JavaScripts/vistas.js"></script>
        <script type="text/javascript" src="JavaScripts/picnet.table.filter.min.js"></script>
        <script type="text/javascript" src="JavaScripts/scrollabletable.js"></script>
        <script type="text/javascript" src="JavaScripts/mantenimientoCoordenada.js"></script>


        <title>Formulario Mantenimiento</title>

        <script src="http://j.maxmind.com/app/geoip.js"></script>
        <script src="http://maps.google.com/maps/api/js?sensor=false"></script>
        <script type="text/javascript" >

            var map;
            var myPos;
            var directionsRenderer;
            var directionsService = new google.maps.DirectionsService();
            var markers = [];
            var mark;

            if (navigator && navigator.geolocation) {
                navigator.geolocation.getCurrentPosition(geoOK, geoKO);
            } else {
                geoMaxmind();
            }


            function geoOK(position) {
                showMap(position.coords.latitude, position.coords.longitude);
            }

            function geoMaxmind() {
                showMap(geoip_latitude(), geoip_longitude());
            }

            function geoKO(err) {
                if (err.code === 1) {
                    error('El usuario ha denegado el permiso para obtener informacion de ubicacion.');
                } else if (err.code === 2) {
                    error('Tu ubicacion no se puede determinar.');
                } else if (err.code === 3) {
                    error('TimeOut.');
                } else {
                    error('No sabemos que pasÃ³ pero ocurrio un error.');
                }
            }

            function showMap(lat, longi) {

                myPos = new google.maps.LatLng(lat, longi);

                var myOptions = {
                    zoom: 15,
                    center: myPos,
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                };

                map = new google.maps.Map(document.getElementById("mapa"), myOptions);

                var marker = new google.maps.Marker({
                    position: myPos,
                    title: "Hola Mundo",
                    draggable: true,
                    animation: google.maps.Animation.DROP
                });

                marker.setMap(map);
                
                google.maps.event.addListener(map, 'click', function(event){
                    
                    var myPosi = new google.maps.LatLng(event.latLng.lat(),event.latLng.lng());
                    
                    for (var i = 0; i < markers.length; i++) {
                        markers[i].setMap(null);
                    }
                    
                    markers = [];
                    
                    var marker = new google.maps.Marker({
                        position: myPosi,
                        title: "Hola Mundo",
                        map:map,
                        draggable: true,
                        animation: google.maps.Animation.BOUNCE
                    });
                    
                    markers.push(marker);
                    
                    $('#Latitud').val(event.latLng.lat());
                    $('#Longitud').val(event.latLng.lng());
                });


            }

            function error(msg) {
                alert(msg);
            }
        </script>
    </head>
    <body>
        <div id="main">

            <div id="middle"> 
                <section id="content">
                    <div class="container_24" id="contenedor">
                        <div class="container_24" id="contenedor">
                            <center>
                                <fieldset id="cuadro">
                                    <h3 id="letrero2">Mantenimientos de Ubicaiones</h3>
                                    <br/>
                                    <div class="grid_19">


                                        <strong>Mantenimiento</strong>
                                        <strong>Mapa</strong>

                                        <div class ="grid_4" style="padding: 2px 2px 2px 2px;">
                                            <form id="logeo_usuario"  name="usuarios" action="#" method="POST">
                                                <H4 class="grid_4" style="text-align: center">Ubicaciones</H4>

                                                <%if (existe) {%>
                                                <p>Elija para modificar</p>
                                                <select name="idcoordenada" id="sucursalDrop" class="grid_4">
                                                    <option value="<%=ManejadorCoordenadas.getInstance().getNext()%>">Crear Nuevo</option>
                                                    <%
                                                        for (Coordenadas temp : ManejadorCoordenadas.getInstance().getListaCoordenadas()) {
                                                    %>
                                                    <%if (temp.equals(coordenadaSeleccionadaObjeto)) {%>
                                                    <option value="<%=temp.getIdcoordenadas()%>" selected><%=temp.getTitulo()%></option>
                                                    <%} else {%>
                                                    <option value="<%=temp.getIdcoordenadas()%>"><%=temp.getTitulo()%></option>
                                                    <%}%>
                                                    <%}%>
                                                </select>

                                                <p>Titulo: </p> 
                                                <input type="text" id="Titulo" name="titulo" value="<%=coordenadaSeleccionadaObjeto.getTitulo()%>" size="255" class ="required  grid_4" />

                                                <p>Latitud: </p>
                                                <input type="text" id="Latitud" name="latitud" value="<%=coordenadaSeleccionadaObjeto.getCoordenada1()%>" size="255" class ="required  grid_4" />

                                                <p>Longitud: </p>
                                                <input type="text" id="Longitud" name="longitud" value="<%=coordenadaSeleccionadaObjeto.getCoordenada2()%>" size="255" class ="required  grid_4" />

                                                <p>Direccion: </p>
                                                <input type="text" id="Direccion" name="descripcion" value="<%=coordenadaSeleccionadaObjeto.getDescripcion()%>" size="255" class ="required  grid_4" />

                                                <select name="tipo" id="sucursalDrop" class="grid_4">
                                                    <%
                                                        for (Tipocoordenada temp : ManejadorTipoCoordenada.getInstance().getListaTipocoordenada()) {
                                                    %>
                                                    <%if (temp.equals(coordenadaSeleccionadaObjeto.getTipo())) {%>
                                                    <option value="<%=temp.getId()%>" selected><%=temp.getNombreTipo()%></option>
                                                    <%} else {%>
                                                    <option value="<%=temp.getId()%>"><%=temp.getNombreTipo()%></option>
                                                    <%}%>
                                                    <%}%>
                                                </select>

                                                <div class="grid_4">
                                                    <p class="grid_2">Activo</p>
                                                    <%if (coordenadaSeleccionadaObjeto.getActivo()) {%>
                                                    <input type="checkbox" id="Activo" name="activo" value="" size="255" class ="required  grid_1" checked/>
                                                    <%} else {%>
                                                    <input type="checkbox" id="Activo" name="activo" value="" size="255" class ="required  grid_1" />
                                                    <%}%>
                                                </div>

                                                <%} else {%>

                                                <p>Elija para modificar</p>
                                                <select name="idcoordenada" id="sucursalDrop" class="grid_4">
                                                    <option value="<%=ManejadorCoordenadas.getInstance().getNext()%>">Crear Nuevo</option>
                                                    <%
                                                        for (Coordenadas temp : ManejadorCoordenadas.getInstance().getListaCoordenadas()) {
                                                    %>
                                                    <option value="<%=temp.getIdcoordenadas()%>"><%=temp.getTitulo()%></option>
                                                    <%}%>
                                                </select>

                                                <p>Titulo: </p> 
                                                <input type="text" id="Titulo" name="titulo" value="" size="255" class ="required  grid_4" />

                                                <p>Latitud: </p>
                                                <input type="text" id="Latitud" name="latitud" value="" size="255" class ="required  grid_4" />

                                                <p>Longitud: </p>
                                                <input type="text" id="Longitud" name="longitud" value="" size="255" class ="required  grid_4" />

                                                <p>Direccion: </p>
                                                <input type="text" id="Direccion" name="descripcion" value="" size="255" class ="required  grid_4" />

                                                <p>Tipo de coordenada</p>
                                                <select name="tipo" id="sucursalDrop" class="grid_4">
                                                    <%
                                                        for (Tipocoordenada temp : ManejadorTipoCoordenada.getInstance().getListaTipocoordenada()) {
                                                    %>
                                                    <option value="<%=temp.getId()%>"><%=temp.getNombreTipo()%></option>
                                                    <%}%>
                                                </select>

                                                <div class="grid_4">
                                                    <p class="grid_2">Activo</p>
                                                    <input type="checkbox" id="Activo" name="activo" value="" size="255" class ="required  grid_1" checked/>
                                                </div>

                                                <%}%>

                                                <input type ="button" style="font-size: 14px; text-align: center;" onclick="" id="reload" class="grid_4 button" value ="Ver Punto">
                                                <input type="submit" style="font-size: 14px; text-align: center;" value="Guardar" name="guardar" class="grid_4 button"/>

                                            </form>
                                        </div>
                                        <div class ="grid_14" style="padding: 2px 5px 2px 5px;height: 450px; overflow-x:hidden;overflow: auto;">
                                            <div id="mapa" style="width: 560px; height: 450px"></div>
                                        </div>
                                        <div class="grid_18"></div>
                                        <div class="grid_9"></div>
                                    </div>
                                    <div class="grid_18"></div>
                                    <div class="grid_18"></div>
                                </fieldset>
                            </center>
                        </div>
                    </div>

                </section>
            </div>
        </div>
       


    </body>
</html>
